import React, { Component } from 'react';

import LoginPwd from '@/components/Login';
import { LoginC, ImgBg, Title, Tip } from './styled';

import fireImg from '@/assets/images/login/fire_logo.png'
import bgImg from '@/assets/images/login/bg.png';
import BaiDu from '@/assets/images/login/baidu.png';
import hebei from '@/assets/images/login/hebei.png';

import { env } from '@/config/query';
import { Row } from 'antd';

export default class Login extends Component<any> {
  render() {
    return (
      <LoginC>
        <Title>
          <img width='180' src={env === 'prew' ? '' : fireImg}></img>
          <span style={{ letterSpacing: 8, fontSize: 33 }}>消防安全自管平台</span>
        </Title>
        <ImgBg src={bgImg} />
        <LoginPwd />
        {
          env !== 'test' && <Tip>
          </Tip>
        }
        <div style={{
          position: 'absolute', left: 'calc(35% - 250px)',
          top: 'calc(90% - 160px)'
        }}>
          <Row><img height="66" src={env === 'prew' ? '' : BaiDu} /><img height="66" src={env === 'prew' ? '' : hebei} style={{ marginLeft: '15px' }} /></Row>
          <a href='http://www.lanchengiot.com'
            style={{ color: 'rgba(8,128,223,1)', fontSize: 16, fontWeight: 400, display: 'block', width: 179, textAlign: 'center' }}
          >www.lanchengiot.com</a>
          <a href='http://www.lanchengiot.com'
            style={{ color: 'rgba(8,128,223,1)', fontSize: 16, fontWeight: 400, display: 'block', width: 179, textAlign: 'center' }}
          >前往官网</a>
        </div>
        <a href="http://www.beian.miit.gov.cn/" target="_blank"
          style={{
            color: 'rgba(255,255,255,1)',
            textAlign: 'center',
            display: 'block',
            bottom: 48,
            left: '50%',
            position: 'absolute',
            fontSize: 16,
            fontWeight: 400
          }}>
          浙ICP备18050426号-3
      </a>
      </LoginC>
    )
  }

}


